<template>
  <intro-view :usage="usage">
    <ui-swipe style="height: 200px">
      <ui-swipe-item><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=327467405,3720498117&fm=26&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=27449183,2671059409&fm=26&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554549662411&di=4788cc5d12db0ac29935948ad52b355f&imgtype=0&src=http%3A%2F%2Fscimg.jb51.net%2Fallimg%2F170727%2F106-1FHFTT91P.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4122068582,745123186&fm=200&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
    </ui-swipe>
    <hr>
    <ui-swipe direction="vertical" style="height: 200px">
      <ui-swipe-item><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=327467405,3720498117&fm=26&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=27449183,2671059409&fm=26&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554549662411&di=4788cc5d12db0ac29935948ad52b355f&imgtype=0&src=http%3A%2F%2Fscimg.jb51.net%2Fallimg%2F170727%2F106-1FHFTT91P.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
      <ui-swipe-item><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4122068582,745123186&fm=200&gp=0.jpg" alt="" style="height: 200px; width: 100%"></ui-swipe-item>
    </ui-swipe>
  </intro-view>
</template>

<script>
  import usage from './usage.md'
  export default {
    data () {
      return {
        usage
      }
    },
    methods: {
    }
  }
</script>
